* {
    margin: 0;
    padding: 0;  
}
body{
    overflow-x: hidden;
    height: 100%;
    width: 100% ;
}
.main{
    overflow-x: hidden;
    overflow-y: scroll;
}
.all_view{
    height: 500%;
    width: 100%;
}
.all{
    height: 100%;
    display: flex;
    flex-direction: column;
    
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}
 
::-webkit-scrollbar
{
    width: 6px;
    background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border-radius: 10px;
}
/* 顶栏 */
.headBar{
    background-color: rgba(0, 0, 0, 0.82);
    min-width: 375px;
    width: 100%;
    height: 74px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.left{
    width: 274px;
    height: 74px;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
}
.middle{
    flex: 1;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: -2%;
}
.left span{
    color: white;
}

.verLine1{
    background:rgb(255, 255, 255);/*背景色为浅灰色*/
	width:2px;/*设置宽高*/
    height:60px;
    margin-left: -3%;
}
.btn1{
    width: 250px;
    display: flex;
    display: -webkit-flex;
    text-align: center;
    align-items:center;
    justify-content:center;
}
.btn2{
    width: 250px;
    display: flex;
    display: -webkit-flex;
    text-align: center;
    align-items:center;
    justify-content:center;
}

.caseLeftbtn{
    width: 90px;
    height: 28px;
    font-size: 1.5rem;
    text-align: center;
    background: #31acf3;
    border-radius: 4rem 0 0 4rem;
    border-width:0;
    color: #34d7ec;
}

.caseRightbtn {
    width: 90px;
    height: 28px;
    font-size: 1.5rem;
    text-align: center;
    background: #34d7ec;
    border-radius: 0 4rem 4rem 0;
    border-width:0;
    color: #31acf3;
}
.mid_left{
    display: flex;
    justify-content: space-between;
}
.mid_right{
    display: flex;
    justify-content: space-between;
}
.mid_mid {
    width: 376px;
    font-size: 1.5vw;
    text-align: center;
    color: rgba(255, 255, 255, 1);
    margin-top: -8px;
}
.nationLeftbtn{
    width: 90px;
    height: 28px;
    font-size: 1.4em;
    text-align: center;
    background: #31acf3;
    border-radius: 4rem 0 0 4rem;
    border-width:0;
    color: #34d7ec;
}
.nationRightbtn{
    width: 90px;
    height: 28px;
    font-size: 1.4em;
    text-align: center;
    background: #34d7ec;
    border-radius: 0 4rem 4rem 0;
    border-width:0;
    color: #31acf3;
}

button:focus {
    border: 0 none;
    outline: none;
}
.verLine2{
    background:rgba(255, 255, 255, 1);/*背景色为浅灰色*/
	width:2px;/*设置宽高*/
    height:60px;

}
.right{
    width: 328px;
    height: 74px;
    margin-right: -62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.dataFrom{
    font-size: 0.9vw;
    color: rgba(255, 255, 255, 1);
    margin-top: -1%;
    margin-left: -11%;
}
.tolTime span{
    font-size:  0.8vw;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    margin-left: -11%;
    margin-top: 2%;
}
/* 左圈一*/
/* 小圆点 */
.dot1 {
    width: 80px;
    height:80px;
    background-color: #ffad33;
    border-radius: 50%;
    margin-top: 5%;
    margin-left: 38%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dot1::before {
    content: "";
    position: absolute;
    z-index: -10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    animation: GreenDot 1.5s ease-out 0s infinite;
    background-color: rgb(255, 173, 51);
}

@keyframes GreenDot {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}
.left1{
    height: 220px;
    width: 100%;
    z-index: 51;
    display: flex;
    flex-direction: column;
}

.verLine3{
    background:#3fb3f7;/*背景色为浅灰色*/
	width:0.25vw;/*设置宽高*/
	height:75%;
    margin-right: 1px;
    margin-top: 8px;
} 
.data_title1{
    width: 358px;
    height: 78px;
    display: flex;
    flex-direction: row;
}
.left_word1{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 220px;
    height: 78px;
}
.text1{
    width: 180px;
    height: 27px;
}
.add_time1{
    width: 220px;
    height: 27px;
}
.text1 span{
    font-size: 1.1vw;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    margin-left: 4px;
}

.add_time1 span {
    font-size: 0.9vw;
    color: rgba(255, 255, 255, 1);
    margin-left: 4px;
}
.num1{
    width: 37px;
    height: 22px;
}
.word1{
    width: 40px;
    height: 22px;
}
.num1 span{
    font-size: 1.1vw;
    color: white;
    z-index:999999999;
}
.word1 span{
    font-size: 1vw;
    color: white;
    z-index:999999999;
}

.circle_word1{
    text-align: center;
}
.line1{
    line-height: 1px;
    letter-spacing: -2px; 
    color: #ddd;
}
/* 左圈二 */

/* 小圆点 */
.dot2 {
    width: 80px;
    height:80px;
    background-color: #339cff;
    border-radius: 50%;
    margin-top: 5%;
    margin-left: 38%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dot2::before { /* 在.dot2的所有元素之前插入内容*/
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    z-index: -10;
    border-radius: 50%;
    animation: GreenDot 1.5s ease-out 0s infinite; /* 动画属性 绑定动画 规定以慢速结束的过渡效果，开始快，结束慢*/
    background-color: rgb(51, 156, 255);
}

@keyframes GreenDot {  /* 指定动画的变化过程*/
    0% {
        /* 对元素进行缩放 */
        transform: scale(0.5); 
        opacity: 1; /* 设置不透明度 */
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}  
.left2{
    height: 220px;
    width: 100%;
    z-index: 46;
    display: flex;
    flex-direction: column;
}
.verLine4{
    background:#3fb3f7;/*背景色为浅灰色*/
	width:0.27vw;/*设置宽高*/
	height:75%;
    margin-right: 1px;
    margin-top: 4px;
} 
.left_word2{
    width: 220px;
    height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: -6px;
}
.text2{
    width: 180px;
    height: 27px;
}
.add_time2{
    width: 240px;
    height: 27px;
}
.data_title2{
    width: 358px;
    height: 78px;
    display: flex;
    flex-direction: row;
}
.circle_word2{
    text-align: center;
}
.text2 span{
    font-size: 1.1vw;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    margin-left: 4px;

}

.add_time2 span {
    font-size: 0.9vw;
    color: rgba(255, 255, 255, 1);
    margin-left: 4px;
}

.num2 span{
    color: white;
    font-size: 1.1vw;
    z-index:999999999;
    
}
.word2 span{
    font-size: 1vw;
    color: white;
    z-index:999999999;
}
.circle_word2{
    display: flex;
    flex-direction: column;
}
.line2{
    line-height: 1px;
    letter-spacing: -2px; 
    color: #ddd;
}
/* 左边排行 */
.left3{
    height: 270px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.left_word3{
    width: 220px;
    height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: -9px;
}
.text3{
    width: 200px;
    height: 21px;
}
.add_time3{
    width: 240px;
    height: 22px;
}
.data_title3{
    width: 358px;
    height: 78px;
    display: flex;
    flex-direction: row;
}
.verLine5{
    background:#3fb3f7;/*背景色为浅灰色*/
	width:0.26vw;/*设置宽高*/
	height:75%;
    margin-left: 0.3px;
    margin-top: 3.5px;
} 
.text3 span{
    font-size: 1.1vw;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    margin-left: 4px;
}

.add_time3 span {
    font-size: 0.9vw;
    color: rgba(255, 255, 255, 1);
    margin-left: 4px;
}

.left_order_data{
    text-align: center;
    height: 474px;
    width: 100%;
    font-size: 1rem;
    margin-top: 25px;
    margin-left: -1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}
.left_order_title{
    height: 14px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 4.2%;
}
#order_by{
    margin-left: 2%;
    font-size: 0.7vw;
    font-weight: bolder;
    -webkit-text-fill-color: white;
}

#where{
    margin-left: -0.7%;
    font-size: 0.7vw;
    font-weight: bolder;
    -webkit-text-fill-color: white;
}
#sign_time{
    font-size: 0.7vw;
    margin-left: 1.1%;
    font-weight: bolder;
    -webkit-text-fill-color: white;
}
#sign_all{
    font-size: 0.7vw;
    margin-left: -2.5%;
    font-weight: bolder;
    -webkit-text-fill-color: white;
}

.data1 span{
    color: white;
}

.province{
    width: 86px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 5%;
}
#order_num{
    margin-left: 8px;
    margin-top: 12px;
    width: 277px;
    position: relative;
}
.order_data{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 222px;
    display: flex;
    justify-content: space-around;
}
.order_data::-webkit-scrollbar {
    display: none;/*隐藏滚动条*/
}
.report_time{
    display: flex;
    width: 75px;
    flex-direction: column;
    justify-content: space-around;
    font-size: 0.78vw;

}
.report_num{
    display: flex;
    font-size: 0.8vw;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 11%;
}
.liLeft1{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 3px;
}
#order_num li{
    width: 331px;
    height: 14px;
    display: flex;
    align-items: center;
}
#map{font-family:"微软雅黑";}
.BMap_cpyCtrl {
    display: none;
}
.anchorBL {
    display: none;
}
.calendar{
    position: absolute;
    height: 1px;
    z-index: 9999999;
    right: 0;
}

select:focus {
    outline: none;
}
/* 信息框滚轮 */
.infoScroll::-webkit-scrollbar {
    width: 4px;
}

.infoScroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.infoScroll::-webkit-scrollbar-track {
    border-radius: 0;
    background: white;
}
/* 信息框圆角*/
.BMap_pop div:nth-child(1) div {
    border-radius: 8px 0 0 0;
}

.BMap_pop div:nth-child(3) {
    border-radius: 0 9px 0 0;
    border-top: 1px solid #ababab;
    border-right: 1px solid #ababab;
    border-left: 1px solid white;
    width: 23px !important;
    height: 24px !important;
    background-color: white;
}

.BMap_pop div:nth-child(3) div {
    display: none;
}

.BMap_pop div:nth-child(5) div {
    border-radius: 0 0 0 8px;
}

.BMap_pop div:nth-child(7) {
    border-radius: 0 0 9px 0;
    border-right: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    border-left: 1px solid white;
    width: 23px !important;
    height: 24px !important;
    background-color: white;
}

.BMap_pop div:nth-child(7) div {
    display: none;
}

/* 中间下面折线图 */
.down_mid_view{
    background-color: rgb(0, 0, 0, 0.82);
    display: flex;
    flex-direction: row;
}
.center{
    position: relative;
    height: 605px;
}
.verLine7{
    background:rgba(42, 42, 42, 0.404);/*背景色为浅灰色*/
	width:0.1vw;/*设置宽高*/
    height:98%;
    margin-left: 0.02vw;
    margin-top: 0.3%;
}
.verLine8{
    background:rgba(42, 42, 42, 0.404);/*背景色为浅灰色*/
	width:0.1vw;/*设置宽高*/
    height:98%;
    margin-top: 0.5%;
}
.chart{
    height: 800px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* 右边排序表 */
.data_title4{
    display: flex;
    flex-direction: row;
}
.verLine6{
    background:#3fb3f7;/*背景色为浅灰色*/
	width:0.25vw;/*设置宽高*/
	height:6vh;
    margin-left: 0.7px;
    margin-top: 1.5px;
} 
.right_word{
    width: 220px;
    height: 78px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: -8px;
}
.text4{
    width: 200px;
    height: 27px;
}
.add_time4{
    width: 240px;
    height: 27px;
}
.data_title4{
    width: 358px;
    height: 78px;
    display: flex;
    flex-direction: row;
}
.text4 span{
    font-size: 1.1vw;
    color: rgba(255, 255, 255, 1);
    font-style: normal;
    margin-left: 4px;
}
.add_time4 span {
    font-size: 0.9vw;
    width: 180%;
    height: 30px;
    color: rgba(255, 255, 255, 1);
    margin-left: 4px;
}

.right_order_data{
    text-align: center;
    width: 100%;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10%;
    
}
.right_order_title{
    display: flex;
    flex-direction: row;
}
.right_all{
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    height: 650px;
    margin-top: 3%;
    margin-left: 0.5%;
    display: flex;
    justify-content: space-around;
}
.right_all::-webkit-scrollbar {
    display: none;
}
#order_by2{
    width: 26%;
    font-size: 1vw;
    font-weight: bolder;
    margin-top: -2.2vh;
    -webkit-text-fill-color: white;
    
}

#province{
    width: 26%;
    font-size: 1vw;
    font-weight: bolder;
    margin-top: -2.2vh;
    margin-left: -1vw;
    -webkit-text-fill-color: white;
}
#sign_all2{
    width: 26%;
    font-size: 1vw;
    font-weight: bolder;
    margin-left: 2vw;
    margin-top: -2.2vh;
    -webkit-text-fill-color: white;
}
.echarts2{
    float: right;
    margin-right: 3.95vw;
}

ul{
    list-style-type: none;
}
#listOne{
    line-height: -1vh;
}
li span{
    color: white;
    width: 18px;
    height: 16px;
    border-radius: 50%;
    display:inline-block;
}
#listOther{
    line-height: -1vh;
}
#listWord{

    color: white;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 19px;

}
#listNum{
    margin-top: -5px;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 14px;
}

#echart3{
    margin-top: 2px;
    position: relative;
}

#echart3 /deep/ div:nth-child(1) {
    position: absolute;
    top: -16px;
}
.headBar{
    width: 100%;
    height: 74px;
}
.container{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.left_view{
    background-color:rgb(0, 0, 0, 0.82);
    width: 20%;
    height: 820px;
    display: flex;
    flex-direction: column;
}
.right_view {
    background-color: rgb(0, 0, 0, 0.82);
    width: 20%;
    height: 820px;
    display: flex;
    flex-direction: column;
}
.middle_view {
    width: 60%;
    flex: 1;
    height: 820px;
    display: flex;
    flex-direction: column;
}